{% extends 'base_my_center.html' %}
{% block link_css %}
<link rel="stylesheet" type="text/css" href="/static/css/public.css"/>
<link rel="stylesheet" type="text/css" href="/static/css/mygrxx.css" />
    <link rel="icon" href="/static/images/favicon.ico">
{% endblock %}
{% block content %}
    <div class="main main--profile" style="">
        <div class="mod_tab profile_nav" role="nav" id="nav">
             <a class="mod_tab__item " href="{{ url('users:i_like') }}" id="like_tab" data-tab="like" data-stat="y_new.profile.tab.like">我喜欢</a>
            <a class="mod_tab__item mod_tab__current" href="{{ url('users:center') }}" id="create_tab" data-tab="create">我创建的歌单</a>
            <a class="mod_tab__item" href="{{ url('users:follow') }}" id="focus_tab" data-tab="focus" data-stat="y_new.profile.tab.focus">关注</a>
            <a class="mod_tab__item" href="javascript:;" id="fans_tab" data-tab="fans" data-stat="y_new.profile.tab.fans">粉丝</a>
            <a class="mod_tab__item" href="{{ url('users:user_modify') }}" id="uploadmv_tab" >个人设置</a>
			<a class="mod_tab__item" href="javascript:;" id="radio_tab" data-tab="radio" data-stat="y_new.profile.tab.radio" style="display:none;">主播电台</a>
        </div>

		<div class="js_box" id="like_box" style="display: none;">
			<div class="mod_tab" role="nav">
				<a class="mod_tab__item" href="javascript:;" data-tab="like_song" data-stat="y_new.profile.like.tab.song">歌曲 222</a>
				<a class="mod_tab__item" href="javascript:;" data-tab="like_playlist" data-stat="y_new.profile.like.tab.playlist">歌单 0</a>
				<a class="mod_tab__item" href="javascript:;" data-tab="like_album" data-stat="y_new.profile.like.tab.album">专辑 0</a>
				<a class="mod_tab__item mod_tab__current" href="javascript:;" data-tab="like_mv" data-stat="y_new.profile.like.tab.mv">视频 0</a>
			</div>
			<div class="profile_cont">
				<div class="js_sub" id="like_song_box" style="display: none;">
<div class="mod_songlist_toolbar">
	<a href="javascript:;" class="mod_btn_green js_all_play" data-stat="y_new.profile.like.song.playall"><i class="mod_btn_green__icon_play"></i>播放全部</a>
	<a href="javascript:;" class="mod_btn js_all_fav" data-stat="y_new.profile.like.song.addall"><i class="mod_btn__icon_add"></i>添加到</a>
	<a href="javascript:;" class="mod_btn js_all_down" data-stat="y_new.profile.like.song.downloadall"><i class="mod_btn__icon_down"></i>下载</a>
	<a href="javascript:;" class="mod_btn js_batch" data-stat="y_new.profile.like.song.batch"><i class="mod_btn__icon_batch"></i>批量操作</a>
</div>
</div>
				<div class="js_sub" style="display: none;" id="like_playlist_box"><div class="">
            <div class="none_txt">
                <i class="none_txt__symbol"></i>

                <p>什么也没有，去<a href="https://y.qq.com/">音乐馆</a>发现好音乐！</p>

            </div>
        </div></div>
				<div class="js_sub" style="display: none;" id="like_album_box"><div class="">
            <div class="none_txt">
                <i class="none_txt__symbol"></i>

                <p>什么也没有，去<a href="https://y.qq.com/">音乐馆</a>发现好音乐！</p>

            </div>
        </div></div>
				<div class="js_sub" style="" id="like_mv_box"><div class="">
            <div class="none_txt">
                <i class="none_txt__symbol"></i>

                <p>什么也没有，去<a href="https://y.qq.com/">音乐馆</a>发现好音乐！</p>

            </div>
        </div></div>
			</div>
		<div class="client_guide" id="limitButton"><p class="client_guide__txt">查看更多内容，请下载客户端</p><a href="javascript:;" class="client_guide__btn js_limitButton">立即下载</a></div></div>
		<!-- 歌单 -->
		<div class="js_box profile_cont" id="buy_box" style="display:none;">
			<div class="mod_tab" role="nav">
				<a class="mod_tab__item" href="javascript:;" data-tab="buy_album" data-stat="y_new.profile.album.tab.album">数字专辑</a>
				<a class="mod_tab__item" href="javascript:;" data-tab="buy_song" data-stat="y_new.profile.album.tab.song">单曲</a>
				<a class="mod_tab__item" href="javascript:;" data-tab="buy_peri" data-stat="y_new.profile.album.tab.peri">实体周边</a>
			</div>
			<div class="profile_cont">
				<div class="js_sub" id="buy_album_box"></div>
				<div class="js_sub" style="display:none;" id="buy_song_box"></div>
				<div class="js_sub" style="display:none;" id="buy_peri_box"></div>
			</div>
		</div>
		<!-- 歌单 -->
		<div class="js_box profile_cont" id="create_box" style="">
            <div class="playlist_toolbar">

			    <button class="mod_btn" id="edit2" data-stat="y_new.profile.create_playlist.create_new"><i class="mod_btn__icon_new"></i>新建歌单</button>

                <div class="xg" style="border: 1px solid rgb(204, 204, 204)">
                    <h3>创建新的歌单</h3>
                    <form action="#" method="post">
                        <p><label>歌单名：</label><input type="text"  name="list_name" value="" required/></p>
                        <div class="bc">
                            <input type="submit" value="保存" />
                            <input class="gb" type="button" value="取消" />
                        </div>
                    </form>
                </div>


			    <button class="mod_btn js_import" data-stat="y_new.profile.create_playlist.import"><i class="mod_btn__icon_input"></i>导入歌单</button>
			    <button class="mod_btn js_recover" data-stat="y_new.profile.create_playlist.recover"><i class="mod_btn__icon_recovery"></i>恢复歌单</button>

			    <div class="style_switch" aria-label="排列方式">
				<a href="javascript:;" class="style_switch__item" title="上图下文" data-type="mod_playlist" data-tab="create" data-stat="y_new.profile.create_playlist.pic_mod"><i class="icon_style_pic sprite"></i><span class="icon_txt">上图下文</span></a>
				<a href="javascript:;" class="style_switch__item style_switch__item--select" title="列表" data-type="mod_playlist_text" data-tab="create" data-stat="y_new.profile.create_playlist.list_mod"><i class="icon_style_list sprite"></i><span class="icon_txt">列表</span></a>
			    </div>
		    </div>

            <div class="mod_playlist_text mine js_list" style="display:;">
                        <ul class="playlist__header">
			    <li class="playlist__header_name">歌单</li>
			    <li class="playlist__header_number">曲目数</li>
			    <li class="playlist__header_other">收听</li>
                        </ul>
                        <ul class="playlist__list">
                        {% if i_like %}
                        {% for x in i_like %}
                            <li class="playlist__item playlist__item--even " data-disstid="3323885023" data-uin="978662809" data-dirid="201" onmouseover="this.className=(this.className+&#39; playlist__item--hover&#39;)" onmouseout="this.className=this.className.replace(/ playlist__item--hover/, &#39;&#39;)">
                                <div class="playlist__cover">

                     {% if not x.cover_img %}
					<a href="https://y.qq.com/n/yqq/playlist/3323885023.html#stat=y_new.profile.create_playlist.love.click&amp;dirid=201" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-disstid="3323885023" data-dirid="201" data-stat="y_new.profile.create_playlist.click">
						<img src="/static/images/cover_like.png" alt="我喜欢" class="playlist__pic">
					</a>
                    {% else %}
                     <a href="/song_list/?id={{ x.song_list_id }}" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-disstid="3323885023" data-dirid="201" data-stat="y_new.profile.create_playlist.click">
						<img src="{{ x.cover_img }}"alt="我喜欢" class="playlist__pic">
					</a>
                    {% endif %}


				</div>
                                <h4 class="playlist__title">
					<span class="playlist__title_txt">


						<a href="/song_list/?id={{ x.song_list_id }}" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-stat="y_new.profile.create_playlist.click" data-disstid="3323885023" data-dirid="201" title="{{ x.song_list_name }}">
						{{ x.song_list_name }}
						</a>


					</span>

				</h4>
                                <div class="mod_list_menu">

                                    <a href="javascript:;" class="list_menu__item list_menu__play js_play" data-stat="y_new.profile.create_playlist.love.play" title="播放">
                                        <i class="list_menu__icon_play"></i>
                                        <span class="icon_txt">播放</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__add js_fav" title="添加到歌单">
                                        <i class="list_menu__icon_add"></i>
                                        <span class="icon_txt">添加到歌单</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__down js_down" title="下载">
                                        <i class="list_menu__icon_down"></i>
                                        <span class="icon_txt">下载</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__share js_share" title="分享">
                                        <i class="list_menu__icon_share"></i>
                                        <span class="icon_txt">分享</span>
                                    </a>

                                </div>
                                <div class="playlist__number">
                                    {{ x.song_count }}
                                </div>
				    <div class="playlist__other">

					{{ x.play_count }}

				    </div>
				    <a href="javascript:;" class="playlist__delete js_delcreate_gedan" data-dirid="201" style="display:none;"><span class="icon_txt">删除</span></a>
                            </li>
                        {% endfor %}
                        {% for x in user_like_list[1:] %}

                            <li class="playlist__item" data-disstid="7355354890" data-uin="978662809" data-dirid="5" onmouseover="this.className=(this.className+&#39; playlist__item--hover&#39;)" onmouseout="this.className=this.className.replace(/ playlist__item--hover/, &#39;&#39;)">
                                <div class="playlist__cover">


                     {% if not x.cover_img %}
					<a href="/song_list/?id={{ x.song_list_id }}" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-disstid="7355354890" data-dirid="5" data-stat="y_new.profile.create_playlist.click">
						<img src="/static/images/cover_like.png" onerror="this.src=&#39;//y.gtimg.cn/mediastyle/global/img/cover_playlist.png?max_age=31536000&#39;;this.onerror=null;" alt="我喜欢" class="playlist__pic">
					</a>
                    {% else %}
                     <a href="/song_list/?id={{ x.song_list_id }}" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-disstid="3323885023" data-dirid="201" data-stat="y_new.profile.create_playlist.click">
						<img src="{{ x.cover_img }}" onerror="this.src=&#39;//y.gtimg.cn/mediastyle/global/img/cover_playlist.png?max_age=31536000&#39;;this.onerror=null;" alt="我喜欢" class="playlist__pic">
					</a>
                    {% endif %}


				</div>
                                <h4 class="playlist__title">
					<span class="playlist__title_txt">


						<a href="/song_list/?id={{ x.song_list_id }}" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-stat="y_new.profile.create_playlist.click" data-disstid="7355354890" data-dirid="5" title="{{ x.song_list_name }}">
						{{ x.song_list_name }}
						</a>


					</span>

				</h4>
                                <div class="mod_list_menu">

                                    <a href="javascript:;" class="list_menu__item list_menu__play js_play" data-stat="y_new.profile.create_playlist.play" title="播放">
                                        <i class="list_menu__icon_play"></i>
                                        <span class="icon_txt">播放</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__add js_fav" title="添加到歌单">
                                        <i class="list_menu__icon_add"></i>
                                        <span class="icon_txt">添加到歌单</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__down js_down" title="下载">
                                        <i class="list_menu__icon_down"></i>
                                        <span class="icon_txt">下载</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__share js_share" title="分享">
                                        <i class="list_menu__icon_share"></i>
                                        <span class="icon_txt">分享</span>
                                    </a>

                                </div>
                                <div class="playlist__number">
                                    {{ x.song_count }}
                                </div>
				      <div class="playlist__other">

					{{ x.play_count }}

				    </div>
				    <a href="javascript:;" class="playlist__delete js_delcreate_gedan" data-dirid="5" style="display:;"><span class="icon_txt">删除</span></a>
                            </li>
                        {% endfor %}
                        {% else %}
                            <li class="playlist__item playlist__item--even " data-disstid="3323885023" data-uin="978662809" data-dirid="201" onmouseover="this.className=(this.className+&#39; playlist__item--hover&#39;)" onmouseout="this.className=this.className.replace(/ playlist__item--hover/, &#39;&#39;)">
                                <div class="playlist__cover">

{#                     {% if not x.cover_img %}#}
					<a href="/my_playlist" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist">
						<img src="/static/images/cover_like.png" alt="我喜欢" class="playlist__pic">
					</a>
{#                    {% else %}#}
{#                     <a href="/song_list/?id={{ x.song_list_id }}" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-disstid="3323885023" data-dirid="201" data-stat="y_new.profile.create_playlist.click">#}
{#						<img src="{{ x.cover_img }}"alt="我喜欢" class="playlist__pic">#}
{#					</a>#}
{#                    {% endif %}#}


				</div>
                                <h4 class="playlist__title">
					<span class="playlist__title_txt">


						<a href="/my_playlist" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-stat="y_new.profile.create_playlist.click" data-disstid="3323885023" data-dirid="201" title="{{ username }}喜欢的音乐">
						{{ username }}喜欢的音乐
						</a>


					</span>

				</h4>
                                <div class="mod_list_menu">

                                    <a href="javascript:;" class="list_menu__item list_menu__play js_play" data-stat="y_new.profile.create_playlist.love.play" title="播放">
                                        <i class="list_menu__icon_play"></i>
                                        <span class="icon_txt">播放</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__add js_fav" title="添加到歌单">
                                        <i class="list_menu__icon_add"></i>
                                        <span class="icon_txt">添加到歌单</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__down js_down" title="下载">
                                        <i class="list_menu__icon_down"></i>
                                        <span class="icon_txt">下载</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__share js_share" title="分享">
                                        <i class="list_menu__icon_share"></i>
                                        <span class="icon_txt">分享</span>
                                    </a>

                                </div>
                                <div class="playlist__number">
                                    0
                                </div>
				    <div class="playlist__other">

					0

				    </div>
				    <a href="javascript:;" class="playlist__delete js_delcreate_gedan" data-dirid="201" style="display:none;"><span class="icon_txt">删除</span></a>
                            </li>

                        {% for x in my_list %}
                            {% if x.is_deleted == 0 %}
                                {% if not x.playlist_id %}
                            <li class="playlist__item" onmouseover="this.className=(this.className+&#39; playlist__item--hover&#39;)" onmouseout="this.className=this.className.replace(/ playlist__item--hover/, &#39;&#39;)">
                                <div class="playlist__cover">


                     {% if not x.playlist_pic %}
					<a href="/my_playlist/?id={{ x.id }}" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" >
						<img src="/static/images/cover_playlist.png" onerror="this.src=&#39;//y.gtimg.cn/mediastyle/global/img/cover_playlist.png?max_age=31536000&#39;;this.onerror=null;" alt="我喜欢" class="playlist__pic">
					</a>
                    {% else %}
                     <a href="/my_playlist/?id={{ x.id }}" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-disstid="3323885023" data-dirid="201" data-stat="y_new.profile.create_playlist.click">
						<img src="{{ x.playlist_pic }}" onerror="this.src=&#39;//y.gtimg.cn/mediastyle/global/img/cover_playlist.png?max_age=31536000&#39;;this.onerror=null;" alt="我喜欢" class="playlist__pic">
					</a>
                    {% endif %}


				</div>
                                <h4 class="playlist__title">
					<span class="playlist__title_txt">


						<a href="/my_playlist/?id={{ x.id }}" onclick="setStatCookie&amp;&amp;setStatCookie();" class="js_playlist" data-stat="y_new.profile.create_playlist.click" data-disstid="7355354890" data-dirid="5" title="{{ x.playlist_name }}">
						{{ x.playlist_name }}
						</a>


					</span>

				</h4>
                                <div class="mod_list_menu">

                                    <a href="javascript:;" class="list_menu__item list_menu__play js_play" data-stat="y_new.profile.create_playlist.play" title="播放">
                                        <i class="list_menu__icon_play"></i>
                                        <span class="icon_txt">播放</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__add js_fav" title="添加到歌单">
                                        <i class="list_menu__icon_add"></i>
                                        <span class="icon_txt">添加到歌单</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__down js_down" title="下载">
                                        <i class="list_menu__icon_down"></i>
                                        <span class="icon_txt">下载</span>
                                    </a>
                                    <a href="javascript:;" class="list_menu__item list_menu__share js_share" title="分享">
                                        <i class="list_menu__icon_share"></i>
                                        <span class="icon_txt">分享</span>
                                    </a>

                                </div>
                                <div class="playlist__number">
                                    123
                                </div>
				      <div class="playlist__other">

					{{ x.playlist_play_count }}

				    </div>
				    <a href="/del_play_list/?id={{ x.id }}" class="playlist__delete js_delcreate_gedan" data-dirid="5" style="display:;"><span class="icon_txt">删除</span></a>
                            </li>
                                {% endif %}
                                {% endif %}
                        {% endfor %}
                        {% endif %}
                        </ul>
                    </div>

    </div>

    <div id="locked" style="display:none;"></div>

	<div id="cgi_none_box" class="" style="display:none;">
		<div class="none_txt">
			<i class="none_txt__symbol"></i>

			<p>系统错误，请<a href="javascript:;" onclick="window.location.reload();">刷新</a>重试！</p>

		</div>
		<div class="bg_detail"><i class="bg_detail__pic"></i></div>


	</div>

    </div>
    {% endblock %}
{% block js %}
    <script src="/static/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/static/js/tankuang.js" type="text/javascript" charset="utf-8"></script>
{% endblock %}